<template>
  <div id="app">
    <front-main></front-main>
  </div>
</template>

<script>

import Main from '@/components/Main'

export default {
  name: 'App',
  components: {
     'front-main':Main
  }
}
</script>

<style lang="scss">
    // 单行
  .text-display-a-line{
		overflow: hidden;
		text-overflow: ellipsis;
		display: inline-block;
		white-space: nowrap;
		width: 100%;
		-webkit-line-clamp: 1;
		-webkit-box-orient:vrtical;
		/*  overflow : hidden;
		 text-overflow : ellipsis;
		 display :   -webkit-box;
		 -webkit-line-clamp :2; 
		-webkit-box-orient :vertical; */
	}
  //多行
  .text-display-multiline{
 
  overflow: hidden;
  word-break: break-all;//允许换行
  text-overflow: ellipsis;
  display: -webkit-box;//对象为伸缩盒子模型显示
  -webkit-box-orient: vertical;//设置或检索伸缩盒子的子对象元素排列方式
  -webkit-line-clamp: 3;//行数

  }



</style>
